



<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script>
  $(function() {
    $('#container').highcharts({
      title: {
        text: 'Rank Chart',
        x: -20 //center
      },
      subtitle: {
        text: 'Source: Giamaha.tk',
        x: -20
      },
      xAxis: {
        //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        categories: [<?php
//                $listDateArray = array(1,2,3,4);
$str = implode("', '", $listDateArray);
echo "'" . $str . "'";

//        foreach ($listDateArray as $value) {
//          $str .= '"'.$value.'",';
//        }
?>]
      },
      yAxis: {
        title: {
          text: '(Point)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
          }]
      },
      tooltip: {
        valueSuffix: ' Point'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [<?php echo $strRanks; ?>]
    });
  });
</script>

